.top-bar {
    background-color: rgb(255,255,255);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: $top-bar-h-small;
    z-index: 50;
    padding: 0 10px;
    border-bottom: 1px solid $ml-border-color;
    @include boxSizing(border-box);
    @include boxShadow(0 0 5px rgba(0,0,0,0.2));

    .ml-logo {
        float: left;
        display: block;
        text-align: center;
        width: 90px;
        height: 30px;
        padding: 10px 0;
        
        img{
            height: 100%;
        }
    }
    .cta-button {
        float: right;
        margin: 7px 5px;
    }
}

@include min-screen ($vw-small){
    .top-bar {
        height: $top-bar-h-large;
        .ml-logo {
            height: 40px;
            width: 140px;
        }
        
        .cta-button {
            margin: 12px 10px;
        }
    }
}